<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="/static/js/jquery.min.js"></script>
    <link href="/static/css/alert.css" rel="stylesheet">
    <link href="/static/css/css.css" rel="stylesheet">
    <style>
        .order-page-table tbody tr td:nth-child(6){
            max-width: 300px;
        }
    </style>
</head>
<body>
    <div class="main">
        <div class="search-data" id="sreach_list">
            <div class="search-div">
                <label for="end_date">到期时间:</label>
                <input type="text" type="date" id="end_date" placeholder="到期时间">
            </div>
            <div class="search-div">
                <a href="javascript:;" onclick="order_search()">搜索</a>
                <a href="javascript:;" onclick="order_none()">重置</a>
            </div>
        </div>
        <div class="order-page">
            <table class="order-page-table">
                <thead>
                    <tr>
                        <th>关键词</th>
                        <th>价格</th>
                        <th>平台</th>
                        <th>到期时间</th>
                        <th>下单时间</th>
                        <th>推广地区</th>
                        <th>提示</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="order-list">
                    {volist name="list" id="value"}
                    <tr>
                        <td>{$value.keyword}</td>
                        <td>{$value.price}</td>
                        <td>{$value.keyword_area}-{$value.type_text}</td>
                        <td>{$value.end_date}</td>
                        <td>{$value.create_time}</td>
                        <td name="address">{$value.order_data.address}</td>
                        <td></td>
                        <td>
                            <a href="javascript:;" class="button">续费</a>
                        </td>
                    </tr>
                    {/volist}
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="8">
                            <div class="page">
                                {$list|raw}
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="keywords-order-list-button" id="keywords-order-list-button" style="display:none;">
            <div class="total-price">
                <label for="total-price-1">总价:￥<b id="total-price"></b></label>
            </div>
        </div>
    </div>
    <input type="file" style="display: none;" id="file" accept="image/*">
</body>
<script src="/static/js/base.js"></script>
<script>
    initd();
    function initd(){
        let area = document.getElementsByName('address');
        area.forEach(item => {
            if (item.textContent.length == 91)
                item.innerText = '全国';
            //console.log(item.textContent.length);
        });
    }
</script>
</html>